/**
 * 商品卡片
 * **/
import { NavLink } from 'react-router-dom'
import style from './index.module.scss'
export default (props)=>{
    const {product}=props
    return(
        <NavLink to={"/product/"+product.id}  className={style.product}>
           <img src={product.picture} alt="" />
           <div className={style.right}>
           <h6 className={style.name}>{product.name}</h6>
           <h6 className={style.desc}>{product.desc}</h6>
           <b>￥<span>{product.price}</span></b>
           </div>
        </NavLink>
    )
}